
/* 公共属性样式 */

/* 测试工具 */
.bd{ border: 1px solid red; }
.fw{font-weight: bold;}
/* 通栏 */
.container-fluid{ min-width: 1200px; }

/* 版心 */
.container{ width: 1200px; margin: 0 auto;}

.action{font-weight: bold;color: #00bdff;border-bottom: 2px solid #00bdff; }


/* 浮动 */
.fl{ float: left; }
.fr{ float: right; }
.clearfix::after{ content: ''; height: 0; display: block; clear: both; }


/* color */
.cfff{ color: #fff !important; }
.cred{color:red}
.cye{color: #fda827;}
.c000{color: #000;}
.c999{color: #999999;}
.cbl{color: #1271ef;}
.green{color: green;}
.red{color: red;}
.bl{color: #00bdff;}


.bcf8{background-color: #f8f8f8;}
/* bg-color */
.bgcf60{ background-color: #f60;}


/* font-size */
.f12{ font-size: 12px; }
.f14{ font-size: 14px; }
.f16{ font-size: 16px; }
.f18{ font-size: 18px; }
.f20{ font-size: 20px; }
.f22{ font-size: 22px; }
.f26{ font-size: 26px; }
.f23{font-size: 23px;}
.f36{font-size: 36px;}
.pdl22{
    padding-left: 22px;
  }
  .pdt25{
    padding-top: 25px;
  }
  .mt20{
    margin-top: 20px;
  }
  .mr10{
    margin-right: 10px;
  }
  .mb18{
    margin-bottom: 18px;
  }
  .green{
    color:#29c287
  }
  .tcenter{
    text-align: center;
  }
  .posrea{
    position: relative;
  }
  .fs12{
    font-size: 12px;
  }
  .fs14{
    font-size: 14px;
  }
  .fs16{
    font-size: 16px;
  }

/* margin */
.ml10{ margin-left: 10px;}
.mt10{margin-top: 10px;}
.mt30{margin-top: 30px;}
.mb60{margin-bottom: 60px;}
.mb35{margin-bottom: 35px;}
.mb20{margin-bottom: 20px;}
.ml35{margin-left: 35px;}
.mr35{margin-right: 35px;}
.mb24{margin-bottom: 24px;}
.mt34{margin-top: 34px;}
.mlr20{margin: 0 20px;}
.mt30{margin-top: 30px;}
.mt20{margin-top: 20px;}
.mb15{margin-bottom: 15px;}
.mtb20{margin: 20px 0;}
.mlr50{margin: 0 50px;}
.mlr40{margin: 0 40px;}
.mlr35{margin: 0 35px;}
.mt500{margin-top: 500px;}
.ml15{margin-left: 15px;}
.mr15{margin-right: 15px;}
/* padding */
.ptb27{ padding: 27px 0;}
.pl50{padding-left: 50px;}
.pl40{padding-left: 40px !important;}
.pl400{padding-left: 400px;}


/* color */
.cfff{ color: #fff; }
.cb3{color: #b3b3b3;}
.cred{color: red!important;}

/* bg-color */
.bgcf60{ background-color: #f60;}
.bgce0{ background-color: #e0e0e0;}


/* font-size */
.f12{ font-size: 12px; }
.f14{ font-size: 14px; }
.f16{ font-size: 16px; }
.f18{ font-size: 18px; }
.f20{ font-size: 20px; }
.f22{ font-size: 22px; }
.f26{ font-size: 26px; }

/* margin */
.ml0{ margin-left: 0;}
.ml10{ margin-left: 10px;}
.ml30{ margin-left: 30px;}
.ml33{ margin-left: 33px;}
.ml40{ margin-left: 40px;}
.ml43{ margin-left: 43px;}
.ml45{ margin-left: 45px;}
.ml48{ margin-left: 48px;}
.ml50{ margin-left: 60px;}
.ml80{ margin-left: 80px;}
.mr5{ margin-right: 5px;}
.mr10{ margin-right: 10px;}
.mt100{margin-top: 100px;}
.mt80{margin-top: 80px;}
.mt60{margin-top: 60px;}
.mt50{margin-top: 50px;}
.mt30{margin-top: 30px;}
.mt20{margin-top: 20px;}
.mt10{margin-top: 10px;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}


/* padding */
.ptb27{ padding: 27px 0;}


/* width */
.w30{width: 30px;}
.w40{width: 40px;}
.w50{width: 50px;}
.w200{width: 200px;}
.w140{width: 140px;}
.w130{width: 130px;}



/* line-height */
.hl22{line-height: 22px;}




/* 公共模块样式 */

/* head的公共样式 */
.head {height: 68px;z-index: 10000;top: 0;left: 0;width: 100%;border-bottom: 1px solid #00bdff;}
.head h1{width: 195px; height: 55px; float: left; margin: 18px 0 0 30px; position: relative;}

.nav{float: left;position: absolute;left: 50%; transform: translate(-50%);}
.nav li{float: left; margin: 0 20px; line-height: 66px;font-weight: bold; cursor: pointer;}
.nav li a{color: #000;font-size: 16px;}
.nav .active{border-bottom: 2px solid #00bdff;}

.head-right{float: right; margin-top: 20px;}
.head-right a{display: block; float: left;  width: 57px; height: 26px;text-align: center; line-height: 26px; border-radius: 15px;color: #000;}
.head-right a:nth-child(1){box-sizing: border-box;border: 2px solid #b8f0f2;line-height: 23px;}
.head-right a:nth-child(2){margin: 0 29px 0 10px; width: 78px;background-color: #ed510a;color: #fff;}
 /* 尾部公共样式 */
 /* --------------------尾部------------------------------ */

 .foot .left ul {float: left;margin-right: 90px;}
.foot .left ul li:nth-child(1){color: #000;font-size: 16px;margin-bottom: 36px;}
.foot .left ul li{margin-bottom: 16px;color: #b3b3b3;}
.foot .left img{height: 20px;width: 15px;margin-top: 0;margin-bottom: 0;}
.foot .left p{color: #c0c0c0;margin-top: 15px;}
.foot img{width: 100px;height: 100px;margin-top: 40px;margin-bottom: 70px;}
.foot .right{text-align: right;}
.foot .right p:nth-child(1){color: #000;font-size: 16px;margin-bottom: 14px;}
.foot .right p:nth-child(2){color: #c0c0c0;}
.foot .right p:nth-child(4){color: #c0c0c0;margin-bottom: 20px;}
/* -------------------api---------------------- */
.cfg{color: #42c890;font-size: 16px;}
.cfr{color: red;font-size: 16px;}
